import { observer } from "mobx-react-lite"
import { Path, SvgProps } from "react-native-svg"
import { useGlobalStore } from "../../mobx"
import { getColorStr } from "../../themes"
import { SvgCommon } from "./Common"

export const SvgSetting = observer((props: SvgProps) => {
    const { theme } = useGlobalStore()
    return (
        <SvgCommon {...props}>
            <Path d="M15.1249 19.2034H6.8749C6.0749 19.2034 5.3249 18.7534 4.9249 18.0534L0.824902 10.9534C0.424902 10.2534 0.424902 9.40337 0.824902 8.70337L4.9249 1.60337C5.3249 0.903369 6.0749 0.453369 6.8749 0.453369H15.1249C15.9249 0.453369 16.6749 0.903369 17.0749 1.55337L21.1749 8.70337C21.5749 9.40337 21.5749 10.2534 21.1749 10.9534L17.0749 18.0534C16.6749 18.7534 15.9249 19.2034 15.1249 19.2034ZM6.8749 1.95337C6.6249 1.95337 6.3749 2.10337 6.2249 2.35337L2.1249 9.45337C1.9749 9.70337 1.9749 9.95337 2.1249 10.2034L6.2249 17.3034C6.3749 17.5534 6.6249 17.7034 6.8749 17.7034H15.1249C15.3749 17.7034 15.6249 17.5534 15.7749 17.3034L19.8749 10.2034C20.0249 9.95337 20.0249 9.70337 19.8749 9.45337L15.7749 2.35337C15.6249 2.10337 15.3749 1.95337 15.1249 1.95337H6.8749Z" fill={getColorStr(theme, 'color_38')}/>
            <Path d="M10.6748 14.2034C8.3248 14.2034 6.4248 12.3034 6.4248 9.95337C6.4248 7.60337 8.3248 5.70337 10.6748 5.70337C13.0248 5.70337 14.9248 7.60337 14.9248 9.95337C14.9248 12.3034 13.0248 14.2034 10.6748 14.2034ZM10.6748 7.20337C9.1748 7.20337 7.9248 8.45337 7.9248 9.95337C7.9248 11.4534 9.1748 12.7034 10.6748 12.7034C12.1748 12.7034 13.4248 11.4534 13.4248 9.95337C13.4248 8.45337 12.1748 7.20337 10.6748 7.20337Z" fill={getColorStr(theme, 'color_1')}/>
        </SvgCommon>
    )
})
